@charset "utf-8";
/*<!--案例内容--》
/*内容*/
#clue{padding: 40px 10px;background-color: #EEEEEE;}
#clue h1{color: #666;text-align: center;padding-bottom: 10px;font-size: 3rem;}
#clue h4{color: #666;text-align: center;padding: 0px 2rem 0;font-size: 1.8rem}
#clue form{width: 67%;transform: translate(25%, 0%);background: #ffffff;padding: 1% 4%; box-shadow: 5px 5px 5px #ddd;}
#clue .form-control{width: 77%}
#clue #btn{width: 100%;margin: 20px 0;}
/*没有小于768px，是因为bootstrap以移动端为优先设计*/
/*响应式*/
/*小屏幕（平板，大于等于768）*/
@media only screen and (max-width:400px ) {
    #clue form{width: 100%;transform: translate(0%, 0%); }
    #clue .form-control{width: 100%}
}
@media only screen and (max-width:768px ) {
    #clue form{width: 100%;transform: translate(0%, 0%); }
}
/*中等屏幕（桌面显示器，大于等于992）*/
@media only screen and (min-width:992px ) {

}
/*大等屏幕（大桌面显示器，大于等于1200）*/
@media only screen and (min-width:1200px ) {


}